<!-- 系统通知 -->
<!-- 小旗子 2020/8/21日更新-->
<!-- 取消最外层循环，将循环挪至外层页面 -->
<!-- 8.24
		1.改变查看样式，添加查看跳转事件-->
<template>
	<view class="system">
		<view  class="system_content">
			<view class="">
				<text>{{summaryData.title}}</text>
			</view>
			<view class="">
				<text>{{summaryData.result}}</text>
			</view>
			<view class="">
				<text>{{summaryData.description}}</text>
			</view>
			<view class="system_bottom">
				<text class="system_date">{{summaryData.date}}</text>
				<a @tap="">查看
					<text class="inxupt inxupttubiao30" @tap=""></text>
				</a>
				<!-- 查看后面的双箭头 -->
				
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			datas: {
				type: Object,
				default: {}
			}
		},
		data() {
			
			return{
				systemList:[]
				
			}
		},
		methods: {
			click(){
				
			}
		},
		computed: {
			summaryData() {
				return this.$props.datas
			}
		},
		mounted() {

		}
	}
</script>

<style lang="less">
	.system{
		margin-top: 20rpx;
		width: 750rpx;
		height: 200rpx;
		font-size: 24rpx;
		.system_content{
			padding: 20rpx;
			.system_bottom{
				font-size: 24rpx;
				color: #7f7f7f;
				margin-top: 5rpx;
				a{
					
					float: right;
					.inxupttubiao30::before{
						margin-top: 6rpx;
						margin-right: 20rpx;
						font-size: 24rpx;
						color: #7f7f7f;
						display: inline-block;
						transform:rotate(-90deg);
						vertical-align: text-top;
					}
				}
			}
		}
	}
</style>
